<template>
  <div class="fashion-box">
    <h2>潮流甄选</h2>
    <div class="bigbox"> 
        <a href=""><img src="../../assets/index-img/fashion1.jpg" alt="" /></a>
    </div>
    <div class="smallbox"> 
        <a href=""><img src="../../assets/index-img/fashion2.jpg" alt="" /></a>
        <a href=""><img src="../../assets/index-img/fashion3.jpg" alt="" /></a>
    </div>
  </div>
</template>

<script>
export default {
  name: "fashion",
  data() {
    return {};
  },
};
</script>
<style>
body {
  padding: 0;
  margin: 0;
}
* {
  padding: 0;
  margin: 0;
}
a {
  display: block;
  height: auto;
  line-height: 0;
}
.fashion-box {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: flex;
  margin-top: .2rem;
  justify-content: space-between;
  flex-direction: column;
}
h2{
    font-size: .24rem;
    line-height: .55rem;
    margin-left: .15rem;
}
.bigbox{
    width: 100%;
    margin-bottom: 1px;
}
.smallbox{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.smallbox>a{
    width: 49.8%;
}
img {
  display: block;
  width: 100%;
  height: auto;
}
</style>
